import React from 'react';

export type GoogleLogoProps = React.SVGProps< SVGSVGElement > & {
	size?: number | string;
};

const GoogleLogo: React.FC< GoogleLogoProps > = ( { size = 24, ...props } ) => (
	<svg
		xmlns="http://www.w3.org/2000/svg"
		viewBox="0 0 192 192"
		width={ size }
		height={ size }
		aria-hidden={ props[ 'aria-label' ] ? undefined : true }
		focusable="false"
		{ ...props }
	>
		<path
			d="M180.5 98c0-6.24-.53-12.25-1.54-18H96v34h47.37c-2.04 11-8.21 20.37-17.56 26.64v22.12h28.5c16.63-15.32 26.19-37.98 26.19-64.76z"
			fill="#4285F4"
		/>
		<path
			d="M125.82 140.64C117.95 145.92 107.83 149 96 149c-22.9 0-42.33-15.45-49.27-36.27H17.36v22.79C31.84 164.28 61.61 184 96 184c23.75 0 43.75-7.8 58.32-21.24l-28.5-22.12z"
			fill="#34A853"
		/>
		<path
			d="M44 96c0-5.82.97-11.45 2.73-16.73v-22.8H17.36C11.38 68.36 8 81.78 8 96s3.38 27.64 9.36 39.53l29.37-22.79C44.97 107.45 44 101.82 44 96z"
			fill="#FBBC05"
		/>
		<path
			d="M96 43c12.93 0 24.52 4.45 33.66 13.16l25.22-25.22C139.63 16.72 119.74 8 96 8 61.61 8 31.84 27.72 17.36 56.47l29.37 22.79C53.67 58.45 73.1 43 96 43z"
			fill="#EA4335"
		/>
		<path d="M8 8h176v176H8z" fill="none" />
	</svg>
);

export default GoogleLogo;
